*{
    margin: 0px;
    padding: 0px;
}
html,body{
    font-family: "Microsoft YaHei",Tahoma,"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
}
body{
    position: relative;
}
ul,li{
    list-style: none;
}
a{
    text-decoration: none;
    color: #ffffff;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.clear:after {
    content: '';
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}
input[type=button]{
    cursor: pointer;
}
/*导航条部分*/
.header{
    height:67px;
    width: 100%;
    min-width: 1225px;
    background: url(../image/main_bg.jpg) no-repeat 0 0;
    box-sizing: border-box;
    padding-top: 10px;
    padding-left: 35px;
}
.header .draw{
    width: 110px;
    height: 44px;
    margin-left: 75px;
}
.header .draw li{
    height: 22px;
    line-height: 22px;
    text-align: left;
    color: #ffffff;
}
.header .result-balls{
    display: block;
    width: 320px;
    height: 47px;
    margin-left: 15px;
}
.header .result-balls li.lose{
    margin-top: -5px;
    padding-left: 5px;
}
.header .result-balls li.lose b{
    margin-right: 5px;
}
.header .result-balls li.location{
    width: auto;
    position: absolute;
    top: 30px;
}

.result-balls:hover div{
    color: #ffff00;
    font-weight: bold;
}
.result-balls:hover span.plus{
    color: #ffff00;
}
.header .result-balls li{
    /*background-color: seagreen;*/
}
.header .result-balls li b.diamond{
    display: block;
    float: left;
    width: 27px;
    height: 20px;
    margin-left: 5px;
    background: url(../image/ball-pk.png) no-repeat;
}
.header .result-balls li b.b1{
    background-position: 0 0;
}
.header .result-balls li b.b2{
    background-position: 0 -21px;
}
.header .result-balls li b.b3{
    background-position: 0 -42px;
}
.header .result-balls li b.b4{
    background-position: 0 -63px;
}
.header .result-balls li b.b5{
    background-position: 0 -84px;
}
.header .result-balls li b.b6{
    background-position: 0 -105px;
}
.header .result-balls li b.b7{
    background-position: 0 -126px;
}
.header .result-balls li b.b8{
    background-position: 0 -147px;
}
.header .result-balls li b.b9{
    background-position: 0 -168px;
}
.header .result-balls li b.b10{
    background-position: 0px -189px !important;
}
.header .result-balls li div.virtual{
    background-clip: padding-box;
    float: left;
    border: 1px solid #2b4e75;
    text-align: center;
    margin-top: 5px;
    padding: 2px 0 4px;
    width: 33px;
    margin-left: 4px;
    font-size: 11px;
    line-height: 11px;
}

/*香港六合彩-index头部处*/
.header .result-balls span{
    margin-left: 10px;
    display: block;
    float: left;
}
.header .result-balls span i{
    display: block;
    text-align: center;
    font-style: normal;
    font-weight: bolder;
    color: #ffffff;
}
.plus {
    height: 24px;
    line-height: 24px;
}
.header .result-balls span b.chip{
    background: url(../image/ball_hk6.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    display: inline-block;
    width: 25px;
    height: 27px;
    text-indent: -99999px;
}
.header .result-balls span b.b01{
    background-position: 0 0px;
}
.header .result-balls span b.b02{
    background-position: 0 -27px;
}
.header .result-balls span b.b03{
    background-position: 0 -54px;
}
.header .result-balls span b.b04{
    background-position: 0 -81px;
}
.header .result-balls span b.b05{
    background-position: 0 -108px;
}
.header .result-balls span b.b06 {
    background-position: 0 -135px;
}
.header .result-balls span b.b07 {
    background-position: 0 -162px;
}
.header .result-balls span b.b08{
    background-position: 0 -189px;
}
.header .result-balls b.b09{
    background-position: 0 -216px;
}
.header .result-balls b.b10{
    background-position: 0 -243px;
}
.header .result-balls b.b11{
    background-position: 0 -270px;
}
.header .result-balls span b.b12{
    background-position: 0 -297px;
}
.header .result-balls span b.b13{
    background-position: 0 -324px;
}
.header .result-balls span b.b14{
    background-position: 0 -351px;
}
.header .result-balls span b.b15{
    background-position: 0 -378px;
}
.header .result-balls span b.b16{
    background-position: 0 -405px;
}
.header .result-balls span b.b17{
    background-position: 0 -432px;
}
.header .result-balls span b.b18{
    background-position: 0 -459px;
}
.header .result-balls span b.b19{
    background-position: 0 -486px;
}
.header .result-balls span b.b20{
    background-position: 0 -513px;
}
.header .result-balls span b.b21{
    background-position: 0 -540px;
}
.header .result-balls span b.b22{
    background-position: 0 -567px;
}
.header .result-balls span b.b23{
    background-position: 0 -594px;
}
.header .result-balls span b.b24{
    background-position: 0 -621px;
}
.header .result-balls span b.b25{
    background-position: 0 -648px;
}
.header .result-balls span b.b26{
    background-position: 0 -675px;
}
.header .result-balls span b.b27{
    background-position: 0 -701px;
}
.header .result-balls span b.b28{
    background-position: 0 -728px;
}
.header .result-balls span b.b29{
    background-position: 0 -755px;
}
.header .result-balls span b.b30{
    background-position: 0 -782px;
}
.header .result-balls span b.b31{
    background-position: 0 -809px;
}
.header .result-balls span b.b32{
    background-position: 0 -836px;
}
.header .result-balls b.b33{
    background-position: 0 -863px;
}
.header .result-balls span b.b34{
    background-position: 0 -890px;
}
.header .result-balls span b.b35{
    background-position: 0 -917px;
}
.header .result-balls span b.b36{
    background-position: 0 -944px;
}
.header .result-balls span b.b37{
    background-position: 0 -971px;
}
.header .result-balls span b.b38{
    background-position: 0 -998px;
}
.header .result-balls span b.b39{
    background-position: 0 -1025px;
}
.header .result-balls span b.b40{
    background-position: 0 -1052px;
}
.header .result-balls span b.b41{
    background-position: 0 -1079px;
}
.header .result-balls span b.b42{
    background-position: 0 -1106px;
}
.header .result-balls span b.b43{
    background-position: 0 -1133px;
}
.header .result-balls span b.b44{
    background-position: 0 -1160px;
}
.header .result-balls span b.b45{
    background-position: 0 -1187px;
}
.header .result-balls span b.b46{
    background-position: 0 -1214px;
}
.header .result-balls span b.b47{
    background-position: 0 -1242px;
}
.header .result-balls span b.b48{
    background-position: 0 -1269px;
}
.header .result-balls span b.b49{
    background-position: 0 -1296px;
}
/*----*/

.menu{
    width: 285px;
}
.header .menu{
    color: #ebeff5;
    line-height: 22px;
    margin: 0px 35px 0 45px;
}
.header .menu li a{
    color: #ebeff5;
    margin: 0 5px 0 5px;
    cursor: pointer;
}
.header .menu li a:hover{
    color: #ffff00;
    font-weight: bold;
}
.header .logout{
    background-color: dodgerblue;
    height: 27px;
    margin-top: 9px;
    width: 66px;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
}
.header .logout *{
    vertical-align: middle;
    line-height: 27px;
}
/*副导航部分*/
.subhead{
    background-color: #2161b3;
    height: 38px;
    min-width: 1225px;
    position: relative;
}
.subhead p.arrows{
    width: 38px;
    height: 38px;
    cursor: pointer;
    background: url(../image/arrowsprite.png) no-repeat top left;
}
/*.subhead p.arrows:hover{
    background-position: 0 -38px;
}*/
.subhead div.option{
    width: 127px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    float: left;
    cursor: pointer;
    color: #ffffff;
    background: url(../image/nav_shuxian.png) no-repeat right 9px;
}
.subhead div.show-heid{
    width: 127px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    float: left;
    cursor: pointer;
    color: #ffffff;
    background: url(../image/nav_shuxian.png) no-repeat right 9px;
}
.subhead div.show-heid:hover{
    background-color: #e6e6e6;
    color: #2161b3;
    background-image: none;
}
.subhead div.option:hover{
    background-color: #e6e6e6;
    color: #2161b3;
    background-image: none;
}
.subhead div.highlight{
    background-color: #e6e6e6;
    color: #2161b3;
    background-image: none;
}
.subhead div.more-games{
    border: 1px solid #2161b3;
    border-top: none;
    background: none;
    width: 512px;
    height: 335px;
    background-color: #e6e6e6;
    position: absolute;
    top: 38px;
    left: 668px;
    display: none;
}
.subhead div.more-games div.item-box{
    width: 480px;
    height: 251px;
    margin: 25px auto 0 auto;
    background-color: #ffffff;
    padding: 20px 35px;
    box-sizing: border-box;
    text-align: left;
}
.subhead div.more-games div.item-box a{
    display: inline-block;
    background-color: #2161b3;
    width: 127px;
    height: 38px;
    text-align: center;
    line-height: 40px;
    margin-bottom: 3px;

}

/*小导航部分*/
.minhead{
    color: #666;
    min-width: 1225px;
    height: 36px;
    line-height: 36px;
    padding-left: 210px;
    box-sizing: border-box;
    background: rgb(230,230,230);
    background: -moz-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(231,231,231,1) 100%);
    background: -webkit-linear-gradient(top, rgba(230,230,230,1) 0%,rgba(231,231,231,1) 100%);
    background: linear-gradient(to bottom, rgba(230,230,230,1) 0%,rgba(231,231,231,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#e7e7e7',GradientType=0 );
    border-bottom: 1px solid #ccc;
    border-bottom: 1px solid #e5e5e5;
    display: none;
}
.minhead a{
    padding: 0 0.5em;
    color: #666;
}
.minhead a.orange{
    font-weight: bold;
    color: #f98d5c;
}
.minhead a:hover{
    font-weight: bold;
    color: #f98d5c;
}

/*中部主要内容*/
.main{
    width: 100%;
    min-width: 1300px;
    height: 980px;
    background-color: #ffffff;
    border-top: 1px solid #c7c7c7;
    
}

.l-sidebar{
    width: 201px;
    background-color: #e6e6e6;
    padding-top: 4px;
    border-right: 1px solid #c7c7c7;
    height: 100%;
}
.l-sidebar ul{
    width: 190px;
    margin: 0 auto;
}
.l-sidebar ul a{
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #2866b5;
    background: rgb(94,140,200);
    background: -moz-linear-gradient(top, rgba(94,140,200,1) 1%, rgba(40,102,181,1) 100%);
    background: -webkit-linear-gradient(top, rgba(94,140,200,1) 1%,rgba(40,102,181,1) 100%);
    background: linear-gradient(to bottom, rgba(94,140,200,1) 1%,rgba(40,102,181,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e8cc8', endColorstr='#2866b5',GradientType=0 );
    box-sizing: border-box;
    margin-top: 2px;
}
.order-wrap{
    height: 350px;
}
.l-sidebar ul a:nth-of-type(1){
    text-align: left;
    text-indent: 20px;
    height: 35px;
    line-height: 35px;
}

.l-sidebar ul a:hover{
    background: rgb(52,111,185);
    background: -moz-linear-gradient(top, rgba(52,111,185,1) 0%, rgba(52,111,185,1) 100%);
    background: -webkit-linear-gradient(top, rgba(52,111,185,1) 0%,rgba(52,111,185,1) 100%);
    background: linear-gradient(to bottom, rgba(52,111,185,1) 0%,rgba(52,111,185,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#346fb9', endColorstr='#346fb9',GradientType=0 );
}
.l-sidebar ul a img{
    margin-right: 5px;
    vertical-align: middle;
}
.l-sidebar ul div.userinfo{
    line-height: 20px;
    padding: 8px 20px;
    margin-top: -2px;
    box-sizing: border-box;
    background-color: #ffffff;
    border: 1px solid #c7c7c7;

}
.l-sidebar ul div.order{
    text-indent: 10px;
    box-sizing: border-box;
    background-color: #ffffff;
    border: 1px solid #c7c7c7;
    border-bottom: none;
    padding: 5px 0px;
}

.l-sidebar ul div.order p span.blue{
    color: #2161b3;
}
.l-sidebar ul div.order p span.red{
    color: #ff0101;
}
.l-sidebar ul  table{
    background-color: #ffffff;
    width: 100%;
}
.l-sidebar ul  table tr{
    height: 25px;
}
.l-sidebar ul  table tr input[type=button]{
    width: 60px;
    height: 20px;
    background: #5b8ac7;
    background: -moz-linear-gradient(top, #5b8ac7 0%, #2765b5 100%);
    background: -webkit-linear-gradient(top, #5b8ac7 0%,#2765b5 100%);
    background: linear-gradient(to bottom, #5b8ac7 0%,#2765b5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b8ac7', endColorstr='#2765b5',GradientType=0 );
    border: none;
    border-radius: 3px;
    color: #ffffff;
    font-weight: bold;
}

/*iframe*/
.content-box{
    width: 1024px;
    /*height: 980px;*/
    height: 100%;
}
/*结果走势*/
.results-the-trend{
    width: 400px;
    height: 400px;
    overflow-y: scroll;
    right: 20px;
    top: 20%;
    background-color: Gainsboro;
    position: absolute;
    box-sizing: border-box;
    display: none;
}
.results-the-trend p.bt{
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
}
.results-the-trend p.bt > .shut{
    margin-right: 10px;
    cursor: pointer;
}

.results-the-trend div.item{
    padding: 7px 0;
    color: gray;
    background-color: #ffffff;
    box-sizing: border-box;
    padding-left: 20px;
    font-weight: bold;
    border: 1px solid #c7c7c7;
    border-bottom: none;
}
.results-the-trend div.item a{
    color: gray;
    border: 1px solid gray;
    border-radius: 3px;
    margin-right: 5px;
    padding: 0 5px;
}
.results-the-trend div.item a:hover{
    background-color: #2161b3;
    color: #ffffff;
}
.results-the-trend table{
    width: 383px;
    background-color: #ffffff;
    border: none;
}

/*遮罩层*/
.mask{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(99, 99, 99, 0.5);
    z-index: 100;
    display: none;
}
.mask .detail{
    position: relative;
    height: auto;
    width: 400px;
    top: 145.5px;
    left: 459px;
    display: block;
    z-index: 101;
    background-color: #eff2ff;
    border-radius: 3px;
}


.mask .detail h1{
    color: #ffffff;
    font-size: 13px;
    text-align: center;
    background-color: #2161b3;
    padding: 10px 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    position: relative;
}
.mask .detail h1 span.close{
    font-size: 15px;
    position: absolute;
    top: 5px;
    right: 10px;
    cursor: pointer;
}
.mask .detail div{
    width: 380px;
    background-color: #ffffff;
    margin: 10px auto;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #c7c7c7;
    /*height: 180px;*/
    overflow-y: scroll;
}
.mask .detail div table{
    width: 100%;
}
.mask .detail div table tr:nth-of-type(1){
    color: #2161b3;
    height: 25px;
}
.mask .detail div table tr:nth-of-type(2),.mask .detail div table tr:nth-of-type(3){
    height: 27px;
}
.mask .detail div table tr input[type=text]{
    width: 56px;
    height: 23px;
    box-sizing: border-box;
}
.mask .detail p{
    border: 1px solid white;
    text-align: center;
    padding: 8px 0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}
.mask .detail p input[type=button]{
    width: 66px;
    height: 19px;
    background-color: #2161b3;
    border: none;
    color: #ffffff;
    border-radius: 3px;
}
/*确定是否关闭掉*/
.mask-two{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(99, 99, 99, 0.5);
    z-index: 105;
    display: none;
}
.decision{
    position: relative;
    height: auto;
    width: 400px;
    top: 185.5px;
    left: 459px;
    display: block;
    z-index: 106;
    background-color: #eff2ff;
    border-radius: 3px;
}
.decision h1{
    color: #ffffff;
    font-size: 13px;
    text-align: center;
    background-color: #2161b3;
    padding: 10px 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    position: relative;
}
.decision h1 span.close{
    font-size: 15px;
    position: absolute;
    top: 5px;
    right: 10px;
    cursor: pointer;
}
.decision div{
    width: 380px;
    background-color: #ffffff;
    margin: 10px auto;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #c7c7c7;
}
.decision p{
    border: 1px solid white;
    text-align: center;
    padding: 8px 0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}
.decision p input[type=button]{
    width: 66px;
    height: 19px;
    background-color: #2161b3;
    border: none;
    color: #ffffff;
    border-radius: 3px;
}

/*表格区域*/
table{
    border-collapse: collapse;
    border: 1px solid #c7c7c7;
    text-align: center;
    color: #4F4D4D;
}
tr,th,td{
    border: 1px solid #c7c7c7;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
}
td input{
    width: 54px;
    height: 19px;
    border: 1px solid #c7c7c7;
    box-sizing: border-box;
    background-color: #ffffff;
}

b.dxds{
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    background: url(../image/ball-bs.png) no-repeat;
}

b.diamond{
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    background: url(../image/ball-pk.png) no-repeat;
}
b.b1{
    background-position: 0 0;
}
b.b2{
    background-position: 0 -21px;
}
b.b3{
    background-position: 0 -42px;
}
b.b4{
    background-position: 0 -63px;
}
b.b5{
    background-position: 0 -84px;
}
b.b6{
    background-position: 0 -105px;
}
b.b7{
    background-position: 0 -126px;
}
b.b8{
    background-position: 0 -147px;
}
b.b9{
    background-position: 0 -168px;
}
b.b10{
    background-position: 0 -189px;
}

b.ball{
    background: url(../image/ball_2.png) no-repeat;
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-left: 2px;
    margin-top: 2px;

}
b.l0{
    background-position: 0 0;
}
b.l1{
    background-position: 0 -27px;
}
b.l2{
    background-position: 0 -54px;
}
b.l3{
    background-position: 0 -81px;
}
b.l4{
    background-position: 0 -108px;
}
b.l5{
    background-position: 0 -135px;
}
b.l6{
    background-position: 0 -135px;
}
b.l7{
    background-position: 0 -189px;
}
b.l8{
    background-position: 0 -216px;
}
b.l9{
    background-position: 0 -243px;
}
